<div class="row">
  <div class="col-md-12">
    <app-navigationadmin></app-navigationadmin>
  </div>
</div>
<!-----------------新闻表 增删查改 主界面----------------->

<br>
<br>

<!--添加操作界面-->
<table class="table">
  <thead>
  <tr>
    <th scope="col">添加新闻</th>
    <th scope="col" >
                    <!--使用逻辑部分的 addNews() 方法实现 添加 -->
      <button class="btn btn-info" (click)="addNews()" >添加</button>
    </th>
  </tr>
  </thead>
</table>

<!--查询、修改、删除操作界面-->
<br>
<br>
<table class="table">
  <thead>
  <tr>
    <th scope="col">新闻序号</th>
    <th scope="col">新闻外标题</th>
    <th scope="col">新闻内标题</th>
    <th scope="col">发布作者</th>
    <th scope="col">发布时间</th>
    <!--<th scope="col">新闻内容</th>-->
    <th scope="col">UD操作</th>
  </tr>
  </thead>
  <tbody>
        <!--使用 for循环 输出数据库数据-->
  <tr *ngFor="let n of nl;index as i">
    <th scope="row">{{i+1}}</th>
    <td>{{n.title1}}</td>
    <td>{{n.title2}}</td>
    <td>{{n.author}}</td>
    <td>{{n.pbdate | date:'yyyy-MM-dd HH:mm'}}</td>
    <!--<td>{{n.content}}</td>-->
    <td>
      <!--使用逻辑部分的 updateNews(n.newsid) 方法实现修改，修改需要获取主键 -->
      <button class="btn btn-success" (click)="updateNews(n.newsid)">修改</button>&nbsp;
      <!--使用逻辑部分的 deleteNews(n.newsid) 方法实现删除，删除需要获取主键 -->
      <button class="btn btn-danger" (click)="deleteNews(n.newsid)" >删除</button>
    </td>
  </tr>
  </tbody>
</table>
<br>
<br>
<br>
<p-paginator [rows]="pagesize" [totalRecords]="total" (onPageChange)="onPageChange($event)"></p-paginator>

